#app{


    .box{
        width: 3rem;
        height: 1.8rem;
        border: 1px solid black;
        margin: .3rem auto;
        position: relative;

        .pic{
            width: 100%;
            height: 100%;
        }
        .left,
        .right{
            width: .3rem;
            height: .47rem;
            background-color:#fff;
            font-size: 20px;
            text-align: center;
            line-height: .47rem;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);  
            cursor: pointer;


            &:hover {
                background-color: #ddd;
              }
        }
        .right{
            left: auto;
            right: 0;
        }
    }
}